const xhr = new XMLHttpRequest();
function getData() {
  // 使用get 请求
  // 第三个参数默认为true 代表使用异步
  xhr.open("GET", "http://localhost:3000/comments", true);
  xhr.onreadystatechange = function () {
    // 这里是异步执行的
    if (xhr.readyState === 4) {
      if (xhr.status === 200) {
        console.log(xhr.responseText);
      } else {
        console.log(xhr.status);
      }
    }
  };
  xhr.send(null);
}

function postData() {
  xhr.open("POST", "http://localhost:3000/comments", true);
  xhr.onreadystatechange = function () {
    // 这里是异步执行的
    if (xhr.readyState === 4) {
      if (xhr.status === 200) {
        console.log(xhr.responseText);
      } else {
        console.log(xhr.status);
      }
    }
  };
  const data = {
    body: "hahahh",
    postId: 1,
  };
  xhr.send(JSON.stringify(data));
}

// readyState
function readyState() {
  console.log("UNSENT", xhr.readyState); // readyState 为 0

  xhr.open("GET", "http://localhost:3000/comments", true);
  console.log("OPENED", xhr.readyState); // readyState 为 1

  xhr.onprogress = function () {
    console.log("LOADING", xhr.readyState); // readyState 为 3
  };

  xhr.onload = function () {
    console.log("DONE", xhr.readyState); // readyState 为 4
  };

  xhr.send(null);
}

// postData();
// getData();

readyState();
